<template>
  <div class="lcds-root-container">
    <lc-tab-nav v-model="tabNavActive">
      <lc-tab-nav-pane label="标签导航-1" name="标签导航-1_0">
        <TabNavPanel01 />
      </lc-tab-nav-pane>

      <lc-tab-nav-pane
        label="标签导航标签导航标签导航标签导航-2"
        name="标签导航标签导航标签导航标签导航-2_1"
      >
        <TabNavPanel02 />
      </lc-tab-nav-pane>
    </lc-tab-nav>
  </div>
</template>

<script setup>
import { ref } from 'vue';

import TabNavPanel01 from './components/tabNavPanel01/index.vue';
import TabNavPanel02 from './components/tabNavPanel02/index.vue';
defineOptions({
  name: 'HwcNewTest'
});

const tabNavActive = ref('标签导航-1_0');
</script>
